import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ArticleItem from '@/components/ArticleItem'

/* 完整引入vant组件 */
// // 引入vant全部组件
// import Vant from 'vant';
// // 引入vant组件的样式
// import 'vant/lib/index.css';
// // 将vant安装为Vue的插件
// Vue.use(Vant);

/* 按需引入vant组件 */
import { Button, Tabbar, TabbarItem, NavBar, Form, Field, Toast, Cell, List, Icon, Grid, GridItem, CellGroup } from "vant";
Vue.use(Button)
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(NavBar);
Vue.use(Form);
Vue.use(Field);
Vue.use(Toast)
Vue.use(Cell)
Vue.use(List);
Vue.use(Icon);
Vue.use(Grid);
Vue.use(GridItem);
Vue.use(CellGroup)

Vue.config.productionTip = false

// 将单个文章组件注册成全局组件
Vue.component('ArticleItem', ArticleItem)

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
